<template>
	<view class="content">
        <u-navbar bgColor="#fff" 
            :fixed="true" :shadow="true" :safeAreaInsetTop="true" :placeholder="true"
            leftIconColor="#151C24" @leftClick="back"
            title="考勤详情" titleColor="#151C24">
        </u-navbar>

        <view class="uni-area u-p-b-30">
            <!-- 统计 -->
            <view class="u-m-t-30 u-flex u-row-around total">
                <view class="u-flex u-flex-col uni-inverse-color">
                    <text class="u-font-52 font-bold">1000</text>
                    <text class="u-m-t-28 u-font-26">实名总人数</text>
                </view>
                <view class="u-flex u-flex-col uni-inverse-color">
                    <text class="u-font-52 font-bold">735</text>
                    <text class="u-m-t-28 u-font-26">进场总人数</text>
                </view>
                <view class="u-flex u-flex-col uni-inverse-color">
                    <text class="u-font-52 font-bold">252</text>
                    <text class="u-m-t-28 u-font-26">缺勤总人数</text>
                </view>
            </view>

            <!-- 某某项目名称 -->
            <uni-item-base class="u-m-t-30" :baseData="projectData" @temRightLook="teamDetail" />
            <uni-item-base class="u-m-t-30" :baseData="projectData" @temRightLook="teamDetail"/>
        </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
                // 某某项目名称
                projectData:{
                    line: false,
                    title: '某某项目名称',
                    rightText: '查看考勤',
                    list:[
                        { title:'单位名称', value:'某某某某某某某某' }, // 企业名称
                        { title:'项目类型', value:'住建' },
                        { title:'所属区划', value:'一师' },
                        { title:'实名制人数', value:'500' },
                        { title:'进场总人数', value:'150' },
                        { title:'缺勤总人数', value:'150' }
                    ]
                },
			}
		},

		onLoad() {

		},

    
		methods: {
            back(){
                uni.navigateBack()
            },

            // 右上角班组考勤
            teamDetail(){
                uni.navigateTo({ url: '/pages/attendance-bag/team' })
            }
		}
	}
</script>

<style scoped lang="scss">
    .content{
        .total{
            // 兼容切图有白边
            width: 104%;
            margin-left: -2%;
            background-position: center -10rpx !important;
            height: 300rpx;
            background: url('/static/attendance/bg.png');
            background-repeat: no-repeat !important;
            background-size: cover !important;
        }
    }
</style>
